<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$detail.seotitle}</title>
    <meta name="description" content="{$detail.seodes}">
    <meta name="keywords" content="{$detail.seokey}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{$logo.ico}" rel="Shortcut Icon" type="image/x-icon" />
    <link href="/home/icnofont/iconfont.css" rel="stylesheet">
    <link href="/home/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/home/css/swiper.min.css" rel="stylesheet">
    <link href="/home/css/base.css" rel="stylesheet">
    <link href="/home/css/index.css" rel="stylesheet">
    <link href="/home/css/media.css" rel="stylesheet">
    <link>
</head>
<style>
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .navbar-nav li a span{color:{$customer.pcnavfontcolor};}
    .navactive{color:{$customer.pcnavfontscolor} !important;box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
    .banner .navbar-nav>li>a:hover span{color:{$customer.pcnavfontscolor};box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
    .hoem_product_small_img_active{box-shadow:0 0 0 4px {$customer.pcthemecolor};}
    .hoem_product_subscript_active,.hoem_case,.case_detail_info_title:after{background:{$customer.pcthemecolor} !important;}
    .we_advantage_list>span{color:{$customer.pcthemecolor};}
    .footer{background:{$customer.pcbottomcolor};}
    .footer_nav_list a,.footer_copyright>div{color:{$customer.pcbottomfontcolor};}
    .footer_nav_list_box{border-bottom:1px solid {$customer.pcbottomfontcolor};}
</style>
<body>
<div class="box_all">
    <div class="banner banner_product">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand"><span class="logo_box"><img src="{$logo.logo}" class="img-responsive"></span></a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            {foreach $navs as $key=>$value }
                                <li><a href="{if $value.link_style==0}{$url}{$value.nav_link}?cus_id={$cus_id}{elseif $value.link_style==1}{$url}about/singlepage?cus_id={$cus_id}&single={$value.single}{elseif $value.link_style==3}{$value.webpage}{/if}"><span class="{if $value.link_style==0&&$value.nav_link=='news/news'}navactive{/if}">{$value.nav_name}</span></a></li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="banner_img">
            <img src="{$banner.img}" class="img-responsive">
        </div>
    </div>
    <div class="product_list_box">
        <div class="container">
            <div class="product_search_box">
                <div class="ad_box">
                    <div class="ad_title">
                        <span class="iconfont icon-laba"></span> 公告：
                    </div>
                    <div class="ad_info">
                        <div class="ad_info_box">
                            {foreach $comads as $key=>$value }
                            <div>
                                <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">{$value.title}</a>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
                <form class="product_search" action="{:url('news')}" method="get">
                        <input type="hidden" name="cus_id" value="{$cus_id}">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        <input type="text" placeholder="大家都在搜" id="keyword" name="keyword" value="{$keyword}">
                        <button type="submit" id="" name=""></button>
                </form>
            </div>
            <div class="breadcrumb_box">
                当前位置：
                <ol class="breadcrumb">
                    <li><a href="{:url('index/index')}?cus_id={$cus_id}">首页</a></li>
                    <li><a href="{:url('news/news')}?cus_id={$cus_id}">新闻中心</a></li>
                    <li class="active">新闻详情</li>
                </ol>
            </div>
            <div class="case_type_box">
                <div class="case_type_list">
                    <div><a href="{$url}news/news?cus_id={$cus_id}&cate_id=0">所有</a></div>
                    {foreach $newcates as $key=>$value }
                    <div><a href="{$url}news/news?cus_id={$cus_id}&cate_id={$value.id}">{$value.catename}</a></div>
                    {/foreach}
                </div>
            </div>
            <div class="case_detail_info_box">
                <h3 class="case_detail_info_title">{$detail.title}</h3>
                <div class="case_detail_release_info">
                    <div class="case_detail_release_name">
                        <span><img src="{$logo.logo}"></span>
                        {$logo.name}
                    </div>
                    <div class="case_detail_release_time">
                        <div>
                            <span class="iconfont icon-shizhong"></span>{:date('Y-m-d H:i:s',$detail.uptime)}
                        </div>
                        <div>
                            <span class="iconfont icon-yanjing"></span>{$detail.view}
                        </div>
                    </div>
                </div>
                <div class="case_detail_info">
                    <p>{:html_entity_decode($detail.content)}</p>
                </div>
            </div>
            <!-- <div class="product_activity">
                <div>
                    <a><img src="/home/img/huodong.png" class="img-responsive"></a>
                </div>
                <div>
                    <a><img src="/home/img/huodong1.png" class="img-responsive"></a>
                </div>
            </div> -->
            <div class="footer_related_news">
                <div class="hoem_product_title">
                    <span></span>
                    <div>
                        <p id="play-video-btn">相关新闻</p>
                        <span>news</span>
                    </div>
                    <span></span>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {foreach $renews as $key=>$value }
                        <div class="swiper-slide">
                            <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}" class="footer_related_url">
                                <span><img src="{$value.img}" class="img-responsive"></span>
                                <p>{$value.title}</p>
                            </a>
                        </div>
                        {/foreach}
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer_nav_list_box">
                <div class="footer_nav_list">
                    <a href=""><span class="glyphicon glyphicon-phone" aria-hidden="true"></span> 移动版</a>
                    {foreach $navs as $key=>$value }
                            <a href="{$url}{$value.nav_link}?cus_id={$cus_id}">{$value.nav_name}</a>
                    {/foreach}
                </div>
                <div class="footer_img">
                    <img src="{$logo.wqrcode}" class="img-responsive">
                </div>
            </div>
            <div class="footer_copyright">
                <div>
                    工信部备案：<span>{$logo.miit}</span>
                </div>
                <div>
                    公安备案号：<span>{$logo.psr}</span>
                </div>
                <div>
                    {$logo.record}
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/home/js/jquery-3.4.1.min.js"></script>
<script src="/home/bootstrap/js/bootstrap.min.js"></script>
<script src="/home/js/swiper.min.js"></script>
<script>
    function timer(opj){
        $(opj).find('.ad_info_box').animate({
            marginTop : "-36px"
        },500,function(){
            $(this).css({marginTop : "0"}).find("div:first").appendTo(this);
        })
    }
    $(function() {
        $(".hoem_product_big_img_list").height($(".hoem_product_big_img_list li").eq(0).height());
        var num = $('.ad_info_box').find('div').length;
        if(num > 1){
            var time=setInterval('timer(".ad_info")',3500);
            $('.gg_more a').mousemove(function(){
                clearInterval(time);
            }).mouseout(function(){
                time = setInterval('timer(".ad_info")',3500);
            });
        };

        $(".case_type_list div").on("click",function () {
            $(this).addClass("case_type_list_active").siblings().removeClass("case_type_list_active");
        })
    })
    var slidesPerViewIndex = 3;
    var windWidth = $(window).width();
    if (windWidth < 440){
        slidesPerViewIndex = 1;
    }
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: slidesPerViewIndex,
        spaceBetween: 30,
        slidesPerGroup: slidesPerViewIndex,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>
</html>